<ion-view view-title="线路换乘">
    <ion-header-bar class="bar-balanced tran-line" id="line-bar">
        <button ui-sref="trans" class="button button-clear" id="line-back"><i class="we-font we-icon-back"></i>换乘</button>
        <!--<h1 class="title" ng-bind="tit"></h1>-->
        <div class="t-tit">
            <div class="s-tit" ng-bind="tit1"></div>
            <div class="x-tit" ng-bind="tit2"></div>
            <div class="t-icon">
                <i class="we-font we-icon-xianluicon"></i>
            </div>
        </div>
    </ion-header-bar>
    <ion-header-bar class="bar-balanced tran-detail bar-right" id="detail-bar">
        <button class="button button-clear" id="detail-back"><i class="we-font we-icon-back"></i>线路</button>
        <h1 class="title">线路详情</h1>
    </ion-header-bar>
    <!--<div class="bar bar-header bar-stable">-->
    <!--    <div class="busrunning-info bar" id="busrunning-info">
            <table>
                <tbody class="tbody time">
                    <tr>
                        <td class="notime {{route}}" ng-click="changeType(0)">较快捷</td>
                        <td class="notransfer {{route}}" ng-click="changeType(1)">少换乘</td>
                        <td class="nowalk {{route}}" ng-click="changeType(2)">少步行</td>
                    </tr>
                </tbody>
            </table>
        </div>-->
    <!--</div>-->
    <div class="bar bar-subheader" id="barf">
        <div class="busrunning-info" id="busrunning-info">
            <table>
                <tbody class="tbody time">
                    <tr>
                        <td class="notime {{route}}" ng-click="changeType(0)">较快捷</td>
                        <td class="notransfer {{route}}" ng-click="changeType(1)">少换乘</td>
                        <td class="nowalk {{route}}" ng-click="changeType(2)">少步行</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <ion-content class="tr-scroll">
        <div class="tran-con">

            <div id="tran-result"></div>

            <div id="res-line" class="r-line tran-line">
                <!--                <div class="busrunning-info" id="busrunning-info">
                                    <table>
                                        <tbody class="tbody time">
                                            <tr>
                                                <td class="notime {{route}}" ng-click="changeType(0)">较快捷</td>
                                                <td class="notransfer {{route}}" ng-click="changeType(1)">少换乘</td>
                                                <td class="nowalk {{route}}" ng-click="changeType(2)">少步行</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>-->
                <div id="tran-result2"></div>
            </div>

            <div id="res-detail" class="r-detail tran-detail con-right" style="background-color: #fff;">
                <div id="allmap"></div>
                <div id="m-desc" class="m-desc">
                    <div class="m-nav" id="m-nav"><i class="we-font we-icon-1"></i></div>
                    <table style="font:12px arial,sans-serif;border-collapse:collapse;width:100%;" cellpadding="0"
                           cellspacing="0" border="0">
                        <tbody>
                            <tr class="tranroute-plan-list" style="cursor:pointer" id="tran-result3">
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </ion-content>
</ion-view>
<style type="text/css">
    #tran-result3 .trans-plan-content tr td{
        padding-left:20px!important;
    }
    #tran-result3 .trans_plan_desc{
        padding:0!important;
    }
    #tran-result3 .trans_plan_desc>div{
        padding-left:20px!important;
    }
    #tran-result3  .tr-bus{
        background-color: #f2f8fc;
    }
    #tran-result3 .trans-plan-content tr{
        line-height: 24px!important;
    }
    #tran-result3  .trans-plan-content{
        width:100%;
    }
    #tran-result3 .trans_plan_desc{
        display: block!important;
    }
    #tran-result2 .trans-title{
        height:70px;
    }
    #tran-result3 .ic-donw .we-font{
        font-size: 20px;
    }
    .trans-plan-content tr{
        width:100%;
    }
    .trans-plan-content tr td{
        width:100%;
    }
    .navtrans-bus-desc{
        font-size: 16px!important;
        line-height: 35px!important;
    }
    .trans-title p{
        font-size: 16px!important;
    }
    .trans_plan_desc>div>div{
        line-height: 20px!important;
        font-size: 16px!important;
    }
    .tangram-suggestion table tr td{
        height: 40px;
    }
    #txtBusSta,#txtBusEnd{
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        border: none;
        text-align: left;
    }

    .BMap_stdMpCtrl.BMap_stdMpType4.BMap_noprint.anchorBR{
        bottom: 45px!important;
    }
    .i-down {
        color: #36c;
        font-weight: 600;
    }

    .ic-donw {
        float: right;
        width: 60px;
        text-align: center;
    }

    #m-desc table div {
        border: none !important;
    }

    .m-desc {
        position: absolute;
        top: 380px;
        left: 0;
        width: 100%;
        background-color: #fff;
        padding-bottom: 50px;
    }

    .m-nav {
        border: 1px solid rgb(228, 230, 231);
        border-radius: 5px;
        text-align: center;
        line-height: 30px;
        height: 30px;
        color: rgb(228, 230, 231);
        margin: 5px;
    }

    .m-nav .we-font {
        font-size: 20px;
    }

    .site {
        font-size: 12px;
    }

    .noplay {
        display: none !important;
    }

    #tran-result2 {
        background-color: #fff;
    }

    #res-line {
        width: 100%;
        z-index: 10;
        margin-top: 53px;
    }

    #res-detail {
        width: 100%;
        z-index: 12;

    }

    .item {
        z-index: 0;
    }

    .con-right {
        position: absolute;
        top: 0;
        left: 100%;
    }

    .bar-right {
        left: 100%;
    }

    .notime.time, .notransfer.transfer, .nowalk.walk {
        color:#0d9d57;
        border-bottom: 2px solid #0d9d57;
    }

    .busrunning-info {
        background-color: #fff;
        margin: 3px 0 5px;
        width:100%;
        height:40px;
        position: absolute;
        right: 0;
        left: 0;
    }

    .busrunning-info td {
        width: 33.3%;
        height: 17px;
        line-height: 27px;
        cursor: pointer;
        padding: 6px 0;
        text-align: center;
        margin: 0;
        display: block;
        float:left;
        height:40px;
    }

    .busrunning-info table {
        color: #666;
        font-weight: 400;
        width: 100%;
    }

    .search-histroy-list > div {
        font-size: 12px;
    }

    .bar-title {
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        color: #fff;
        margin: 0;
        display: block;
        width: 100%;
        font-size: 17px;
        font-weight: 500;
        line-height: 44px;
    }

    .line-show {
        display: block !important;
    }

    #tran-result2 > div > h1, #tran-result2 > div > div {
        display: none !important;
    }

    .r-line {
        width: 100%;
    }

    .res-detail {
        width: 100%;
        z-index: 12;
    }

    .tangram-suggestion-main {
        z-index: 100 !important;
    }

    #tran-result {
        display: none;
    }

    #allmap {
        height: 406px;
    }

    .button-green {
        color: #a1e7a0;
    }

    .button-red {
        color: #ff2222;
    }

    .tran-list {
        background-color: #fff;
        box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
        margin-bottom: 3px;
    }

    .tran-list > div.tran-input {
        margin-left: 39px;
        border-left: none;
    }

    .in-close {
        color: #ccc;
        padding: 0 10px;
    }

    .in-text {
        padding-right: 0;
    }
    .t-tit{
        margin-left: 25px;
    }
    .t-tit .t-icon {
        position: absolute;
        left: 67px;
        top: 28%;
        color: #fff;
    }
</style>